<template>
    <div class="page">
        <div class="page-content">
            <div class="form">
                <!--手机号码-->
                <div class="inputLine">
                    <input type="text" placeholder="请输入手机号" v-model="mobile" ref="mobile">
                </div>
                <!--图形验证码-->
                <b-img-auth class="inputLine" :mobile="mobile" :reauth="reauth" v-if="showAuth" v-model="picCode" ref="picCode"></b-img-auth>
                <!--短信验证码-->
                <b-sms-code class="inputLine" :mobile="mobile" :picCode="picCode" v-model="smsCode" ref="smsCode" @fail="failSms"></b-sms-code>
                <!--新密码-->
                <b-eye-pass-input class="inputLine" placeholder="请输入新密码" ref="password" v-model="password"></b-eye-pass-input>
            </div>
            <div class="submit">
                <md-button class="button button-balanced button-block" @click.native="doForgetPwd">
                    提交
                </md-button>
            </div>
        </div>
        <b-popup :show="showSetSuccess">
            <div class="setSuccess">
                <p>
                    密码重置成功
                    <br>请去重新登录
                </p>
                <md-button class="button button-balanced button-block">
                    去登录
                </md-button>
            </div>
        </b-popup>
    </div>
</template>
<script src="./ForgetPwd.js"></script>
<style lang="scss" scoped src="./ForgetPwd.scss"></style>